<!-- Данный блок вставляется в код страницы и для него не требуется добавлять тэги head и body -->
<meta charset="utf-8">
<style>
	.container_out_cp {
		margin-top: auto;
		margin-bottom: auto;
	}
	.container_in_cp {
		border-radius: 0 0 10px 10px;
		background-color: #ddd;
		padding: 10px;
		margin: 0;
		display: flex;
		flex-direction: row;
	}
	.dtl_cp {
		font: 16px "Open Sans", Calibri, sans-serif;
		width: 100%;
	}
	.sm_cp {
		padding-left: 10px;
		background-color: #ddd;
		cursor: pointer;
		border-color: black;
		border-style: solid;
		border-width: 1px;
	}
	.btn_cp {
		width: 100%;
	}
</style>
<hr>
<div class="container_out_cp">
	<details class="dtl_cp">
		<summary class="sm_cp">Панель управления</summary>
		<div class="container_in_cp">
			<button class="btn_cp" type="button" onclick="document.querySelectorAll('.step__name').forEach(el => el.click())">Развернуть/свернуть все шаги</button>
			<button class="btn_cp" type="button" onclick="document.querySelectorAll('div.attachment-row').forEach(el => el.click())">Развернуть/свернуть все вложения</button>
			<button class="btn_cp" type="button" onclick="document.querySelectorAll('div.attachment-row').forEach(el => el.click()); document.querySelectorAll('.step__name').forEach(el => el.click())">Развернуть/свернуть шаги и вложения</button>
			<button class="btn_cp" type="button" onclick="let li = document.querySelector('li.tab.tab_active'); if (li !== null) { let a = li.querySelector('a.link.link__no-decoration'); let url = a.href; url = url.replace(/(#[A-Za-z]+\/[A-Za-z0-9]+\/)/g, '#/testresult/'); if ((url.search('#/testresult/') + '#/testresult/'.length) < url.length) {window.open(url, '_self');}}">Развернуть окно</button>
			<!-- TODO Реализовать -->
			<button class="btn_cp" type="button" onclick="alert('Не релиализовано')">Перейти к BROKEN шагу</button>
			<button class="btn_cp" type="button" onclick="alert('Не релиализовано')">Перейти к FAIL шагу</button>
		</div>
	</details>
</div>
<hr>